<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title th:text="${bVideo.VName}"></title>
    <link rel="stylesheet" th:href="@{/css/WatchVideo.css}">
  <link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}" />
  <link rel="stylesheet" th:href="@{/css/BVideo.css}" />
</head>
<body>
<input type="text" id="BvideoId" th:value="${bVideo.Uid}" style="display: none">
  <div class="container-fluid bmTopDiv">
    <div class="col-md-1 bmTopLogoFont">
      <h3>BhSyVideo</h3>
    </div>
    <div class="col-md-2 bmTopXxDiv">
      <ul class="">
        <li class="bmToplif"><a style="text-decoration: none;color: white" th:href="@{/bhsy/theMain}"> 首页</a></li>
      </ul>
    </div>
  </div>

  <div class="wvideoTopDiv">
    <div class="wvideoMsgDiv">
      <h2 th:text="${bVideo.VName}">作品名称</h2>
      <p th:text="${#dates.format(bVideo.VTime,'yyyy-MM-dd hh:mm:ss')}">发布时间</p>
    </div>
    <div class="wvideoUserMsgDiv">
      <img class="userImg" th:src="${vUser.UImg}">
      <p class="userName" th:text="${vUser.UName}"></p>
      <input id="ChonDianBtn" type="button" value="充电">
      <input th:if="${uation==0}" id="watchTheUser" type="button" value="关注">
      <input th:if="${uation==1}" style="background-color:rgb(195 195 195);color: white " id="watchTheUser" type="button" disabled value="已关注">
    </div>
  </div>
  <video class="UserVideoWatch" controls >
    <source th:src="${bVideo.VVideo}">
  </video>
  <div th:if="${bvType==2}" class="wvideoLeftXjDiv">
    <h3>选集</h3>
    <div class="jNumDiv">
      <input class="jNumBtn" type="button" value="1">
      <input class="jNumBtn" type="button" value="1">
      <input class="jNumBtn" type="button" value="1">
      <input class="jNumBtn" type="button" value="1">
      <input class="jNumBtn" type="button" value="1">
    </div>
  </div>
  <div class="wvideoCzDiv">
    <img class="dzImg" th:src="@{/images/HImgAll/dz2.png}">点赞
    <img class="scImg" th:src="@{/images/HImgAll/sc2.png}">收藏
  </div>
</body>
<script th:src="@{/js/jquery-360.min.js}"></script>
<script>
  $.ajax({

  })
  $(function () {
    $("#watchTheUser").click(function () {
      $(this).css("background-color", "rgb(195 195 195)");
      $(this).css("color", "white");
      $(this).val("已关注");
      $.ajax({
        url:'/attention/'+$("#BvideoId").val(),
        type:'post',
        async:true,
      })
    })

  })
</script>
</html>